<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>HackeRPG</title>
	<style>
		*{margin:0;padding:0;font-size:12px;font-weight:normal;list-style:none;font-family:'Lucidia Grande',Verdana,sans-serif;}
		body{background-color:#ccc;text-shadow:1px 1px 0px #ddd}
		a{color: #000}
		a:visited{color: #000}
		a:hover{color: #444}
		.clear{clear:both}
		h2{font-size: 1.2em; padding: 10px 5px;font-weight:bold;}
		#wrapper
		{
			width:800px;
			margin:0 auto;
			margin-bottom:50px;
			border:1px solid #ddd;
			border-top:none;
			-webkit-box-shadow:0px 0px 5px #aaa;
			padding:80px;
			padding-top:30px;
			-webkit-border-radius: 2px;
		}
		#head
		{
			position: relative;
			height: 150px;
		}
		#head hr
		{
			position: absolute;
			bottom: 0px;
			width:90%;
			left: 5%;
		}
			#logo
			{
				font-family: Georgia;
				font-size: 72px;
				font-weight: bold;
				letter-spacing: -3px;
				color: #222;
				text-shadow: 2px 2px 2px #eee;
				padding: 30px;
				background-image: url(http://localhost/hacker/media/images/logo.png);
				background-repeat: no-repeat;
				background-position: 410px 10px;
			}
			#loginBox
			{
				position: absolute;
				top: 0px;
				right: 0px;
				width: 150px;
				height: 92px;
				border: 1px solid #ddd;
				-webkit-box-shadow: 0px 0px 3px #aaa;
				-webkit-border-radius: 2px;
			}
				#loginBox li{margin: 8px 20px}
				#loginBox input{width: 100px;}
				#loginBox .error
				{
					background-color: rgba(0,0,0,0.5);
					font-size: 10px;
					color: red;
					text-shadow: none;
					position:absolute;
					top:15px;
					right:-100px;
					width: 100px;padding: 5px;
				}
				#loginBox .arrow
				{
					position: absolute;
					top: 5px;
					left: -10px;
					border-width: 5px;
					border-style: solid;
					border-color: transparent rgba(0,0,0,0.5) transparent transparent;
					-webkit-border-radius: 2px;
				}
		#menu
		{
			width: 180px;
			float: left;
			margin: 10px;
		}
			#menu li
			{
				margin: 5px 20px;
				padding: 3px;
			}
		#container
		{
			width: 580px;
			float: left;
			margin: 10px;
		}
			#jobList li
			{
				border: 1px solid #ddd;
				background-color: #d0d0d0;
				-webkit-box-shadow: 0px 0px 3px #aaa;
				-webkit-border-radius: 2px;
				margin: 15px 5px;
				padding: 10px;
			}
			#jobList h3
			{
				font-size: 1.2em;
				margin: 10px 0px;
				width: 150px;
			}
			#jobList .left
			{
				float: left;
				width: 250px;
			}
			#jobList .right
			{
				float: right;
			}
			#jobList .jobInfo
			{
				width: 200px;
				height: 50px;
				padding: 10px;
				border: 1px solid #ddd;
				-webkit-box-shadow: 0px 0px 3px #aaa;
				-webkit-border-radius: 2px;
				margin: 5px;
			}
			#jobList .progress
			{
				width: 200px;
				height: 25px;
				padding: 10px;
				border: 1px solid #ddd;
				-webkit-box-shadow: 0px 0px 3px #aaa;
				-webkit-border-radius: 2px;
				margin: 5px;
			}
	</style>
</head>
<body>
	<div id="wrapper">
		<div id="head">
			<h1 id="logo">HackeRPG</h1>
<?php if(!User::issetData("isLoggedIn") || !User::getData("isLoggedIn")): ?>
			<div id="loginBox">
				<form action="<?php echo Request::getURL("user", "login"); ?>" method="post">
					<ul>
						<li>
							<input type="text" id="login_username" name="username" placeholder="Felhasználónév" />
						</li>
						<li>
							<input type="password" name="password" id="login_password" placeholder="Jelszó" />
							<?php if(User::issetData("loginError")): ?>
							<div class="error"><?php echo User::getData("loginError");?><div class="arrow"></div></div>
							<?php User::unsetData("loginError"); ?>
							<?php endif; ?>
						</li>
						<li>
							<input type="submit" value="Belépés" />
						</li>
					</ul>
				</form>
			</div>
<?php endif; ?>
			<hr />
		</div>
		<div id="menu">
			<ul>
				<li><a href="<?php echo Request::getURL("news", "index"); ?>">Hírek</a></li>
				<li><a href="<?php echo Request::getURL("forum", "index"); ?>">Fórum</a></li>
				<li><a href="<?php echo Request::getURL("user", "logout"); ?>">Kijelentkezés</a></li>
			</ul>
		</div>
		<div id="container">